*{
	font-family: Segoe UI;
}

a:-webkit-any-link{
	text-decoration: none;
}

h3{
	margin-top: 0;
	margin-bottom: 5px;
}

hr{
	border-top: 2px solid #1e1e1e;
}

.navbar{
	min-height: 42px;
}

.nav-container {
    margin: auto;
}

body{
    padding-top: 80px;
	background-color: #E1E1E1;
  	background-size: 100% 100%;
}

.sub-footer{
	background-color: #333;
	padding-top: 15px;
	padding-bottom: 5px;
	border-top: 2px solid #F47309;
}

.nav > li > a{
	padding: 13px 13px;
	color: #fff;
}

.nav > li > a:hover{
	background-color: #2C2C2C;
	color: #F47309;
}

.navbar-brand{
	padding: 5px 15px;

}

.col-md-offset-3{
	margin-left: 34%;
}

.panel-default{
	min-height: 200px;
}

.modal-header{
	background-color: #F89440;
}

.putih{
	color: white;
}

.hitam{
	color: #000;
}

.oren{
	color: #F47309;
}

.warna-judul{
	color: black;
}

.bukan-radius{
	border-radius: 0;
}

.container .jumbotron{
	border-radius: 0;
}

.latar-oren{
	background-color: #F47309;
	border-color: #D86507;
}

.latar-hitam{
	background-color: #000;
}
.atas{
	padding-top: 15px;
}

.arial{
	font-family: Arial;
}

.san{
	font-family: sans-serif;
}

.navbar-defaul{
	background-color: #333333;
	border-bottom: 2px solid #F47309;
}

.latar-jumbotron{
	background: rgba(250,250,250, 0.85);
	width: 100%;
}
.btn-defaul{
	background-color: #F47309;
	color: white;
}

.btn-defaul:hover{
	background-color: #F78222;
	color: white;
}

.btn-oren{
	background-color: #F47309;
	color: white;
}

.btn-oren:hover{
	background-color:#F47309;
	color: white;
}

.form-login {
max-width: 330px;
padding: 15px;
margin: 0 auto;
background-color: #333;
border-radius: 5px;
}

.text-kanan{
	text-align: right;
	padding-top: 9px;
}

.padding-atasbawah{
	padding-top: 5px;
	padding-bottom: 5px;
}

footer{
	background-color: #282828;
	bottom: 0;
    height: 30px;
    padding-bottom: 3px;
    padding-top: 5px;
    width: 100%;
}

#kotakgambar{
	width: 1000px;
	height: 300px;
	margin: auto;
	background: url(template/img/AP01.jpg);
}

#kotakcontent{
	width: 1000px;
	height: 835px;
	margin: auto;
	background: #f0f0f0;
}

#kotaknav{
	width: 300px;
	height: 835px;
	float: left;
	background: #333333;
}

#listnav{
	width: 20px;
	height: 835px;
	float: left;
	background: #F47309;
}

#menu{
	width: 280px;
	height: 362px;
	float: right;
}

#kotakisi{
	width: 700px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	background-color: #fafafa;
}


#kotakeditbus{
	width: 400px;
}

#kotakedituser{
	width: 500px;
}

#wrapper{
	min-height: 100%;
    position: relative;
}

.table tr{
	background-color: #F47309;
}

.table td{
	background-color: #fafafa;
}

#kotaktampilrute{
	width: 300px;
}
.container-khusus{
	width: 100%;
	padding-left:20px;
	padding-right:20px;  
}

.container-beranda{
	background-image: url(template/img/1.jpg)
}



.text-judul{
	text-align: center;
	padding-bottom:20px; 
}
.text-dalam{
	text-align: left;
	padding-bottom: 20px;
}
.ukuran{
	font-size: 24px;

}

.text-tengah{
	text-align: center;
}

.beranda-lanjut{
	padding-top: 113px;
	padding-bottom: 120px;
	padding-right: 0px;
	padding-left: 291px; 
}
.layanan{
	text-align: center;
	padding-left: 10px;
	padding-right: 20px;
}